<template>
  <div style="background-color:#f7f7f7;position: absolute;width:100%;height:100%">
    <img src="../assets/image/error.png" />
    <p class="title">
      发生错误，请点击
      <span @click="back">返回首页</span>
    </p>

    <p class="bottom">
      Copyright © 2019-2020
      <span class="bottomP" @click="toHome">博物文化</span>. All Rights Reserved. <a  style="text-decoration:none; color:#c5c8ce;" href="https://beian.miit.gov.cn">浙ICP备2021008879号-2</a>
    </p>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  created() {},
  methods: {
    back() {
      this.$router.push({ name: "层级管理" });
    },
    toHome() {
      window.location.href = "http://app.bowu66.com/museum-cms/bench/homePage";
    }
  }
};
</script>

<style scoped>
img {
  width: 200px;
  position: absolute;
  top: 200px;
  margin-left: -100px;
  left: 50%;
}

.title {
  width: 100%;
  text-align: center;
  margin-top: 430px;
  font-size: 16px;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.5);
}
.title span {
  color: #1b9aee;
  cursor: pointer;
}
.title span:hover {
  opacity: 0.8;
}
.bottom {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #c5c8ce;
  position: absolute;
  bottom: 0;
  font-size: 14px;
}
.bottomP {
  color: #1b9aee;
  cursor: pointer;
  opacity: 0.6;
}
.bottomP:hover {
  opacity: 1;
}
</style>